<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        /* div>p:nth-of-type(5) {
            color: red;
        } */

        /* div>p:nth-last-child(3) {
            color: red;
        } */

        /* div>p:nth-last-of-type(2) {
            color: red;
        } */

        /* 选中的是没有兄弟的span元素 */
        /* span:only-child {
            color: red;
        } */

        /* 选中的是没有同类型兄弟的span元素 */
        /* span:only-of-type {
            color: red;
        } */

        /* 选中的是根元素，也就是html标签元素 */
        /* :root {
            background-color: aqua;
        } */

        /* 选中的是没有内容的div */
        div:empty {
            background-color: red;
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body>
    <div>
        <span>测试1</span>
    </div>
    <div>
        <span>测试一</span>
        <p>张三</p>
        <p>李四</p>
        <p>王五</p>
        <p>赵六</p>
        <p>孙七</p>
        <p>老八</p>
        <span>测试二</span>
    </div>

    <div style="font-size: 90px;">1</div>

</body>
</html>